import { Canvas, Story, Meta } from "@storybook/blocks";
import { SegmentedControl, Box, Center } from "metabase/ui";
import { Icon } from "metabase/ui";
import * as SegmentedControlStories from "./SegmentedControl.stories";

<Meta of={SegmentedControlStories} />

# SegmentedControl

Our themed wrapper around [Mantine SegmentedControl](https://mantine.dev/core/segmented-control/).

## Docs

- [Mantine SegmentedControl Docs](https://mantine.dev/core/segmented-control/)

## Examples

<Canvas of={SegmentedControlStories.Default} />

### Full width

<Canvas of={SegmentedControlStories.FullWidth} />

## Colors

<Canvas of={SegmentedControlStories.Color} />
